<script type="text/javascript">
	jQuery(function() {


		jQuery("#buscar_medicamentos").click(function() {

			jQuery("#resultado_busqueda_medicamentos").show();

			// Muestra Transicion
			jQuery('#resultado_busqueda_medicamentos').html('<img src="/images/loading3.gif" />');			

			jQuery.ajax({
				type: "GET",
				url: "/ajax/listado_medicamentos/",
				data: "q="+jQuery("#medicamento").val()+"&vademecum="+jQuery("#e_nombre_vademecum").val(),
				success: function(data) {
					var obj = jQuery.parseJSON('['+data+']');
					var html_resultado = "";
					jQuery("input#e_vademecum_elegido").val(jQuery("#e_nombre_vademecum").val());
					if(obj.length > 0){
						html_resultado = '<p style="margin-bottom: 2px;float: left;"><b>Se encontraron '+obj.length+' resultados</b><div style="float: right;margin-top: -5px;"><a href="javascript:cerrarResultadoMedicamentos()" style="font-weight: bold;">x</a></div></p>';
						// Muestro el Resultado
						jQuery.each(obj, function(key, val) {
							html_resultado += '<p style="margin-top: 2px; clear:both; display:block;"><a href="javascript:agregarElementosMedicamentos(\''+val.id+'\',\''+val.name+'\');" class="btn" style="text-align: left;width: 94%;">'+val.name+'</p>';
						});
					}else{
						html_resultado = '<p style="margin-top: 2px;float: left;">No se encontraron datos.<div style="float: right;margin-top: -5px;"><a href="javascript:cerrarResultadoMedicamentos()" style="font-weight: bold;">x</a></div></p>';
					}

					jQuery("div#resultado_busqueda_medicamentos").html(html_resultado);
				}

			})


/*
			jQuery.ajax({
				type: "GET",
				url: "/ajax/listado_medicamentos/",
				data: "q="+jQuery("#medicamento").val(),
				success: function(data) {

					var obj = jQuery.parseJSON('['+data+']');
					var html_resultado = "";

					if(obj.length > 0){
						html_resultado = '<p style="margin-bottom: 2px;float: left;"><b>Se encontraron '+obj.length+' resultados</b><div style="float: right;margin-top: -5px;"><a href="javascript:cerrarResultadoMedicamentos()" style="font-weight: bold;">x</a></div></p>';
						// Muestro el Resultado
						jQuery.each(obj, function(key, val) {
						    html_resultado += '<p style="margin-top: 2px;"><a href="javascript:agregarElementosMedicamentos(\''+val.id+'\',\''+val.name+'\');" class="btn" style="text-align: left;width: 94%;">'+val.name+'</p>';
						});
					}else{
						html_resultado = '<p style="margin-top: 2px;float: left;">No se encontraron datos.<div style="float: right;margin-top: -5px;"><a href="javascript:cerrarResultadoMedicamentos()" style="font-weight: bold;">x</a></div></p>';
					}
					jQuery("#resultado_busqueda_medicamentos").html(html_resultado);
				}

			})
*/			
		});



/*	
		jQuery("#medicamento").autocomplete("/ajax/listado_medicamentos/", {
			width: 260,
			selectFirst: true
		});

		jQuery("#medicamento").result(function(event, data, formatted) {
			if (data)
				jQuery("#medicamento_id").val(data[1]);
				jQuery("#texto_medicamento_seleccionado").val(data[0]);
		});
*/
		jQuery( "#fecha_inicio" ).datepicker({
				showOtherMonths: true,
				dayNamesMin: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa'],
				dateFormat: 'dd/mm/yy',
				monthNamesShort:	['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
				monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
				changeMonth: true,
				changeYear: true,
				minDate: "-<?php echo $edad['edad'] ?><?php if($edad['unidad_edad'] == "años"){ echo "Y";}else{ echo "D";}?>", 
				nextText: 'Siguiente',
				prevText: 'Anterior',
				onSelect: function( selectedDate ) {
                	jQuery( "#fecha_fin" ).datepicker( "option", "minDate", selectedDate );
                }
		});

		jQuery( "#fecha_fin" ).datepicker({
				showOtherMonths: true,
				dayNamesMin: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa'],
				dateFormat: 'dd/mm/yy',
				monthNamesShort:	['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
				monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
				changeMonth: true,
				changeYear: true,
				nextText: 'Siguiente',
				prevText: 'Anterior',
				onSelect: function( selectedDate ) {
                	jQuery( "#fecha_inicio" ).datepicker( "option", "maxDate", selectedDate );
                }

		});
		

		//jQuery( "#fecha_fin" ).hide();


		jQuery("#indicacion_id").live('click', function(event) {
			var indicacion = jQuery("#indicacion_id").val();
			if (indicacion == 1) {
				jQuery("#fecha_fin").show();
				jQuery("#txt_fin").show();
				jQuery("#fecha_fin").css("display", "inline-block");
			} else {
				jQuery("#fecha_fin").hide();
				jQuery("#txt_fin").hide();
			}
			
		});

		
		//  Agregar opcion
		jQuery("#medicamento_boton_agregar").click(function(evento){
				
			var medicamento_id     = jQuery("#medicamento_id").val();
			var medicamento_texto  = jQuery("#medicamento").val();
			var e_vademecum_elegido  = jQuery("#e_vademecum_elegido").val();
			var texto_medicamento_seleccionado = jQuery("#texto_medicamento_seleccionado").val();			
			var indicacion_id      = jQuery("#indicacion_id").val();
			var indicacion_texto   = jQuery('#indicacion_id option:selected').text();
			var posologia          = jQuery("#posologia").val();
			var fecha_inicio       = jQuery('#fecha_inicio').val();
			var fecha_fin          = jQuery('#fecha_fin').val();
			
			var cantidad_indicada  = jQuery('#cantidad_indicada').val();
			var unidad_id          = jQuery('#unidad_id').val();
			var via_id             = jQuery('#via_id').val();
			var frecuencia_id      = jQuery('#frecuencia_id').val();
			var frecuencia         = jQuery('#frecuencia').val();
			
			
			

			if (medicamento_id > 0 && medicamento_texto == texto_medicamento_seleccionado) {
				var tds = "<tr>";
				tds += "<td class='medicamento_texto'><img src='/images/delete.gif' class='sv_delete'/></td>";
				tds += "<td class='medicamento_texto' style=\"width:280px;overflow:hidden;\">" + medicamento_texto + "</td>";
				tds += "<td class='medicamento_texto'>";
				tds += "<input name='data[Medicamentos]["+ medicamento_id +"][indicacion_id]' value='"+ indicacion_id +"'type='hidden'/>";
				tds += "<input name='data[Medicamentos]["+ medicamento_id +"][posologia]' value='"+ posologia +"'type='hidden'/>";			
				tds += "<input name='data[Medicamentos]["+ medicamento_id +"][fecha_inicio]' value='"+ fecha_inicio +"'type='hidden'/>";			
				tds += "<input name='data[Medicamentos]["+ medicamento_id +"][fecha_fin]' value='"+ fecha_fin +"'type='hidden'/>";						
				tds += "<input name='data[Medicamentos]["+ medicamento_id +"][cantidad_indicada]' value='"+ cantidad_indicada +"'type='hidden'/>";						
				tds += "<input name='data[Medicamentos]["+ medicamento_id +"][unidad_id]' value='"+ unidad_id +"'type='hidden'/>";						
				tds += "<input name='data[Medicamentos]["+ medicamento_id +"][via_id]' value='"+ via_id +"'type='hidden'/>";						
				tds += "<input name='data[Medicamentos]["+ medicamento_id +"][frecuencia_id]' value='"+ frecuencia_id +"'type='hidden'/>";						
				tds += "<input name='data[Medicamentos]["+ medicamento_id +"][frecuencia]' value='"+ frecuencia +"'type='hidden'/>";						
				tds += "<input name='data[Medicamentos]["+ medicamento_id +"][nombre_vademecum]' value='"+ e_vademecum_elegido +"'type='hidden'/>";										
				tds += posologia ;
				tds += "</td>";
				tds += "<td class='medicamento_texto'>"+ indicacion_texto.substr(0,3) + "</td>";
				tds += "<td class='medicamento_texto'>"+ fecha_inicio.substr(0,5);
				if (indicacion_id == 1) {
					tds += ' al '+fecha_fin;
				}
				tds += "</td>";
				
				tds += "</tr>";
				jQuery("#lista_medicamentos").append(tds);
			}
			
			jQuery("#medicamento").val('');
			jQuery("#medicamento_id").val(0);
			jQuery("#posologia").val('');
			jQuery("#indicacion_id").val(1);
			jQuery('#texto_medicamento_seleccionado').val('');
			
			
		});
		   
		// event listener for delete button 
		jQuery(".sv_delete").live('click', function(event) {
			jQuery(this).parent().parent().remove();
		});    
	})
</script>
<style>
	.medicamento_texto  { font-size:12px; padding-right:10px; }
</style>
<table width='100%'>
	<tr>
		<td style="text-align:left;">
			<table style='width:100%;border-bottom:1px solid #CCC;'>
				<tr>
					<td style='width:40%;'>
						Vademecum:<br>
						<select name='e_nombre_vademecum' id='e_nombre_vademecum'>
							<?php foreach($VademecumsCliente as $vc){?>
								<?php 
									$sel = '';
									if($vc['default']==1){ $sel='selected'; }
								?>	
								<option value='<?php echo $vc['tabla'];?>' <?php echo $sel;?> ><?php echo $vc['nombre_mostrar'];?></option>
							<?php } //endforeach ?>
						</select>
					</td>
					<td style='width:60%;' nowrap>
					Medicamento:<br/>
						<div id="resultado_busqueda_medicamentos"></div>
						<input id='medicamento' name='medicamento' style="width:245px;font-size:12px;margin-right: -3px;" onkeypress="prevenirPulsarEnter(this.name)">
						<input type="button" value="Buscar" id="buscar_medicamentos" class="btn" style="width: 59px;vertical-align: baseline;">
						<input id='medicamento_id' name='medicamento_id' type='hidden' >
						<input id='e_vademecum_elegido' name='e_vademecum_elegido' type='hidden' value=''>
						<input id='texto_medicamento_seleccionado' name='texto_medicamento_seleccionado' type='hidden' >
					</td>
				</tr>
			</table>
		
		
		
		
		</td>
	<tr>

	<tr>
		<td style="background: #49BBE3;padding: 5px;">Indicación
			<table style='width:100%;'>
				<tr>
					<td class='titulo_evolucionador_medicamento'>Cant.:</td>
					<td>
						<input name="cantidad_indicada" id="cantidad_indicada" type="text" value="0.0"  
							style="width:70px;font-size: 100%;padding:3px;"
							onclick="select();">
					</td>
					
					<td class='titulo_evolucionador_medicamento'>Unidad:</td>
					<td>
						<select name='unidad_id' id='unidad_id' style="width:120px; font-size:12px;">
						<?php foreach(array_unique($Unidad) as $id_unidad_aux =>$nombre_unidad_aux){ ?>
							<option value="<?php echo $id_unidad_aux;?>" ><?php echo $nombre_unidad_aux;?></option>
						<?php } ?>
						</select>
					</td>
					<td class='titulo_evolucionador_medicamento'>Vía:</td>
					<td>
						<select name='via_id' id='via_id' style="width:120px; font-size:12px;">
						<?php foreach($Vias as $via){ ?>
							<option value="<?php echo $via['Via']['id'];?>" ><?php echo $via['Via']['name'];?></option>
						<?php } ?>
						</select>
					</td>
				</tr>
			</table>
		</td>
	</tr>

	<tr>
		<td>
			<table style='width:100%;'>
				<tr>
					<td class='titulo_evolucionador_medicamento'>Frecuencia:</td>
					<td>
						<input name="frecuencia" id="frecuencia" type="number" value="0"  
							style="width:70px;font-size: 100%;padding:3px;"
							onclick="select();">
					</td>
					
					<td class='titulo_evolucionador_medicamento'>Unidad de Frecuencia:</td>
					<td>
						<select name='frecuencia_id' id='frecuencia_id' style="width:120px; font-size:12px;">
						<?php foreach($Frecuencias as $fr){ ?>
							<option value="<?php echo $fr['Frecuencia']['id'];?>" ><?php echo $fr['Frecuencia']['name'];?></option>
						<?php } ?>
						</select>
					</td>
				</tr>
			</table>
		</td>
	</tr>

	<tr>
		<td>
			<table style='width:100%;'>
				<tr>
					<td class='titulo_evolucionador_medicamento'>Indicación:</td>
					<td>
						<select name='indicacion_id' id='indicacion_id' style="width:120px; font-size:12px;">
						<?php foreach($Typeindicacionmedicamento as $tim){ 
							if($tim['Typeindicacionmedicamento']['id'] == 2){ // Si es Cronica
								$txt_selected = " selected ";
							}else{
								$txt_selected = "";
							}
						?>
							<option <?php echo $txt_selected ?>value="<?php echo $tim['Typeindicacionmedicamento']['id'];?>" ><?php echo $tim['Typeindicacionmedicamento']['name'];?></option>
						<?php } ?>
						</select>
					</td>
					
					<td class='titulo_evolucionador_medicamento'>Inicio:</td>
					<td>
						<input name="fecha_inicio" id="fecha_inicio" type="text" value="<?php echo date("d/m/Y");?>"  style="width:70px;font-size: 100%;padding:3px;">
					</td>

					<td class='titulo_evolucionador_medicamento'><div id="txt_fin">Fin:</div></td>
					<td>
						<input name="fecha_fin" id="fecha_fin" type="text" value="<?php echo date("d/m/Y");?>"  style="width:70px;font-size: 100%;padding:3px;">
					</td>
				</tr>
			</table>
		</td>
	</tr>

	<tr>
		<td>
			<table style='width:100%'>
				<tr>
					<td>
						Comentarios:<br>
						<textarea name='posologia' id='posologia' style="width:440px; height:62px;font-size: 100%;"></textarea>
					</td>
					<td>
						<input type="button" value="Agregar" id="medicamento_boton_agregar" class="btn" style="margin-top: 40px; width:90px;">
					</td>
				</tr>		
			</table>
		</td>
	</tr>
	
</table>


<table id="lista_medicamentos">

</table>